$(function(){
	
	
	/*购买部分*/
		
		//选择
		$(".buy .choose_buy ul li .color p").click(function(){
			$(this).addClass("stc").siblings().removeClass()
		})
	
	
		$(".buy .choose_buy ul li .diameter ul li").click(function(){
			$(this).addClass("stc").siblings().removeClass()
		})
	
	
	
	
		//点击大图显示窗口图
		$(".buy .goods_buy .small .zoom").click(function(){
			var img = $(this).next().prop("src")
			$(".buy .big_buy").show()
			$(".buy .big_buy .big_img img").prop("src",img)
		})
		//点击消失
		$(".buy .big_buy .rig_buy span").click(function(){
			$(".buy .big_buy").hide()
		})
		
		
		$(".buy .big_buy .rig_buy ul li").eq(0).addClass("bor")
		$(".buy .big_buy .rig_buy ul li").mouseover(function(){
			$(this).addClass("bor").siblings().removeClass()
			var myimg = $(this).find("img").prop("src")
			$(".buy .big_buy .big_img img").prop("src",myimg)
		})
		
		//左右切换样式
		$(".buy .big_buy .big_img b").hover(function(){
			$(this).fadeTo(100,1)
		},function(){
			$(this).fadeTo(100,.3)
		})
		
		$(".buy .big_buy .big_img .you").click(function(){
			//获取当前下标
			var index = $(".buy .big_buy .rig_buy ul .bor").index()
			//最后一个到第一个
			if(index==$(".buy .big_buy .rig_buy ul li").length-1){
				var src = $(".buy .big_buy .rig_buy ul li").eq(0).find("img").prop("src")
				$(".buy .big_buy .big_img img").prop("src",src)
				$(".buy .big_buy .rig_buy ul li").removeClass("bor")
				$(".buy .big_buy .rig_buy ul li").eq(0).addClass("bor")
			}else{
				//切换
			var index = index+1;
			var src = $(".buy .big_buy .rig_buy ul li").eq(index).find("img").prop("src")
			console.log(src)
			$(".buy .big_buy .big_img img").prop("src",src)
			$(".buy .big_buy .rig_buy ul li").removeClass("bor")
			$(".buy .big_buy .rig_buy ul li").eq(index).addClass("bor")
			}
		})
		
		$(".buy .big_buy .big_img .zuo").click(function(){
			//获取当前下标
			var index = $(".buy .big_buy .rig_buy ul .bor").index()
			//最后一个到第一个
			if(index==$(".buy .big_buy .rig_buy ul li").length+1){
				var src = $(".buy .big_buy .rig_buy ul li").eq(0).find("img").prop("src")
				$(".buy .big_buy .big_img img").prop("src",src)
				$(".buy .big_buy .rig_buy ul li").removeClass("bor")
				$(".buy .big_buy .rig_buy ul li").eq(0).addClass("bor")
			}else{
				//切换
			var index = index-1;
			var src = $(".buy .big_buy .rig_buy ul li").eq(index).find("img").prop("src")
			console.log(src)
			$(".buy .big_buy .big_img img").prop("src",src)
			$(".buy .big_buy .rig_buy ul li").removeClass("bor")
			$(".buy .big_buy .rig_buy ul li").eq(index).addClass("bor")
			}
		})
		
		
		
		
		//点击小图获取窗口图
		
		$(".buy .goods_buy ul li img").click(function(){
			var src = $(this).prop("src")
			$(".buy .big_buy").show();
			$(".buy .big_buy .big_img img").prop("src",src)
		})
	
		
		
		//全局
		
		//切换图片
		$(".buy .goods_buy ul li").eq(0).addClass("acte")
		$(".buy .goods_buy ul li img").mouseover(function(){
			//切换中图
			var src = $(this).prop("src")
			$(".buy .goods_buy .small img:first").prop("src",src)
			$(this).parent().addClass("acte").siblings().removeClass()
		})
		
		
		
		
		
		
		
		$(".buy .goods_buy .small img").bind("mousemove",zoom)
		$(".buy .goods_buy .small .zoom").bind("mousemove",zoom)
		function zoom(e){
//			console.log(e.pageY)
//			console.log(e)
			
			//判断位子
			if(e.pageY-50>=236 && e.pageY-50<=538){
				//找到鼠标位子
				var mY = e.pageY-236;
			}
			if(e.pageX-50>=112 && e.pageX-50<=420){
				//找到鼠标位子
				var mX = e.pageX-112;
			}
			
			//鼠标移入显示
				$(".zoom").css("display","block")
				$(".da").css("display","block")	
			
			//移动位子
			$(".buy .goods_buy .small .zoom").css({
				top:mY-50,
				left:mX-50
			})
			  //换大图  
			var src = $(this).prop("src")
			$(".buy .da img:first").prop("src",src)
			$(".buy .da img").css({
				top:-mY,
				left:-mX
			})
		}
		  //移出消失
		$(".buy .goods_buy .small").mouseleave(function(){
			$(".buy .goods_buy .small .zoom").css("display","none")
			$(".buy .da").css("display","none")
		})
		
		
		
		
		
		
		
		
		
		
		
	
	
	//第一个li添加一个aa  里的category名字显示
	$(".main .store_classification ul li").eq(0).addClass("aa").find(".category").show();
	$(".main .store_classification ul li b").click(function(event){	
		
		$(this).parent().siblings().find(".category").slideUp();
		$(this).parent().siblings().removeClass("aa")
		//判断是否有aa
		if($(this).parent().hasClass("aa")){
			//y有就上啦
			$(this).next().slideUp();
			//同时删除aa
			$(this).parent().removeClass("aa")
		}else{
			//没有 就下啦
			$(this).next().slideDown();
			//同事添加  aa
			$(this).parent().addClass("aa")
		}
	})
	
	
	
	
	//店铺热销
	
	//显示第一个
	$(".shop_cakes ul").eq(0).show()
	$(".shop_cakes h3 a").eq(0).addClass("tb")
	$(".shop_cakes h3 a").mouseover(function(){
		var ac = $(this).index();
		$(".shop_cakes ul").eq(ac).show().siblings("ul").hide();
		$(this).addClass("tb").siblings().removeClass("tb")
	})
	
	
	
	
	
	
	
	
	//详情切换
	
	$(".dis").eq(0).show()
	$(".title ul li").eq(0).addClass("state")
	$(".title ul li").mouseover(function(){
		var bb = $(this).index()
//		console.log(bb)
		$(".dis").eq(bb).show().siblings(".dis").hide()
		$(this).addClass("state").siblings().removeClass()
	})
	
	
	
	
	
	
	
	//购买数量
	
	$(".buy .choose_buy ul li .number .add").click(function(){
		var va = $(this).prev().val()
		var va = parseFloat(va)
		console.log(va)
		va++;
		$(this).prev().val(va)
	})
	
	$(".buy .choose_buy ul li .number .reduction").click(function(){
		var vc = $(this).next().val()
		if( vc <= 1){
			vc = 1
		}else{
			vc--;
		}
		$(this).next().val(vc)
	})
	
	//购买
	
	//购买
	$(".buy .choose_buy ul .buys a").eq(1).addClass("sp")
	$(".buy .choose_buy ul .buys a").hover(function(){
		$(this).addClass("sp")
	},function(){
		$(this).removeClass("sp")
	})
	
	
	
})
